<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>培训课件</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="../common/mui/mui.css" rel="stylesheet" />
		<link href="../common/css/yahei.css" rel="stylesheet" />
		<link href="../common/css/webfont.css" rel="stylesheet" />
		<link href="../common/css/iconfont.css" rel="stylesheet" />
		<link href="../common/css/app.css" rel="stylesheet" />
		<link href="../dependence/teach/css/teachPublic.css" rel="stylesheet" />
		<style>
			/* 播放器 */
			.videoParent{
				position: absolute;
				top: 44px;
				width: 100%;
				height: var(--size200);
			}
			.videoArea{
				width: 100%;
				height: 100%;
				background-color: #000000;
			}
			#wrapper{
				top: calc(var(--size200) + 44px);
				width: 100%;
			}
			#scroll{
				padding: 10px;
				line-height: 1.8;
				font-size: 15px;
			}
		</style>
	</head>

	<body class="home">
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">培训课件</h1>
		</header>
		<div class="mui-content">
			<div class="videoParent">
				<div id="video" class="videoArea"></div>
			</div>
			<div id="wrapper" class="mui-scroll-wrapper">
				<div id="scroll" class="mui-scroll mui-scroll-phone"></div>
			</div>
		</div>
		<script src="../common/mui/mui.min.js"></script>
		<script>
			mui.init();
			mui.plusReady(function() {
				baseSetup();
			})
			function baseSetup(){
				mui('.mui-scroll-wrapper').scroll({
					bounce: true,
					indicators: false, //是否显示滚动条
				});
				var self = plus.webview.currentWebview()
				var fileUrl = self.fileUrl
				var sourceData = self.sourceData
				mui('.mui-title')[0].innerHTML = sourceData['SubDesc']
				mui('#scroll')[0].innerHTML = '<span style="color:transparent;">占</span>上传者：'+sourceData['CreatorName']+'<br>'+
					'上传时间：'+sourceData['CreatDate']+'<br>'+
					'审核状态：'+(sourceData['Status'] == 'Y'?'已审核':'未审核')+'<br>'+
					'<span style="color:transparent;">占</span>审核人：'+sourceData['AuditorName']+'<br>'
				var videoOption = {
					'src':fileUrl,
					'enable-progress-gesture':true,
					'poster':'',
					'show-progress':true
				}
				
				videoObj = new plus.video.VideoPlayer('video',videoOption);
				
			}
		</script>
	</body> 

</html>
